import React from 'react';

const Button = ({ onClickButton, children }) => {
  // console.log(data,'data')
  return (
    <>
      <button onClick={onClickButton}>{children}</button>
      <span>{Math.random()}</span>
      {/* <span>a:{data.a}</span> */}
    </>
  );
};
// 使用memo包裹组件 意思是对props进行了一个浅层的比较如果props没有发生改变就不去更新这个组件
// 而我们知道拿到的onclickbutton是一个函数 那么对于函数而言只要不是返回的之前同一个函数 都是会变化的
// 所以对于这个函数 只要是新生成的函数 一定是会强制刷新这个组件的
export default React.memo(Button);
